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Abstract 

Background: Limited clinician involvement in smartphone application development poses problems considering 
the extensive use of smartphones among medical professionals and patients. 

Findings: We present a simple method for the clinician to develop simple web-apps using only an Internet browser 
and a text editor. 

Conclusions: This method may help clinicians develop simple web-apps and increase clinician involvement in 
smartphone content. 
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Findings 

The impressive distribution and use of smartphones 
among health professionals and patients promise inter- 
esting advances within fields such as medical education, 
patient education, patient aid, and telemedicine [1-3]. 
However, anyone can publish software applications for 
smartphones (apps) without clinician involvement. Exist- 
ing apps should be carefully reviewed before any recom- 
mendation as the only restriction before publication is 
$99/year [4,5]. Many existing apps are of low quality and 
some are even unsafe [5,6]. There is a need for increased 
clinician involvement in the development of smartphone 
apps [7,8]. 

Clinicians diligently develop digital and printed mater- 
ial, but may be reluctant from developing apps as re- 
quired technical skills or resources may be insufficient. 
While some smartphone apps may require advanced al- 
gorithms or technology, many popular apps are actually 
quite simple and consist only of text and images. In fact, 
simple web-apps — smartphone applications that func- 
tion using the build-in web browser — can be developed 
as easy as preparing slideshows. Here, we describe one 
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easy method to develop a simple web-app by only using 
an Internet browser and a text editor. 

In general, the design consists of several different 
frames, of which only one is visible to the user. The user 
will start at the main frame, and then navigate to other 
frames. Each of these frames and the desired connec- 
tions can be designed using the drag-and-drop user 
interface on the j Query Mobile website [9] based on a 
Codiqa interface [10]. This interface generates codes cor- 
responding to the designed content. These codes can be 
collected for each frame and then put together in a sin- 
gle text-file. Finally, two code-snips [see Additional file 1 
& Additional file 2] should be copy-pasted to the top 
and the bottom of the text-file respectively for the web- 
app to function. The final text-file should be saved as a 
webpage, i.e. with .html as the filename-extension (e.g. 
mywebapp.html), and then uploaded to a webserver 
from which the users may access the web-app. We have 
developed an instructional video to demonstrate our 
method and how a web-app looks on the iPhone [see 
Additional file 3]. Our example web-app developed in 
the video is also available [see Additional file 4]. 

Two limitations of this method should be noted. 
Firstly, programming assistance may be needed for enab- 
ling more advanced functionalities. Secondly, web-apps 
are not indexed in iTunes App Store or Google Play, 
and therefore users will need a link to access the web- 
app, unless it is converted to native smartphone apps 
using conversion tools, such as PhoneGap [11] or 
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Codiqa [10]. The web-app is then converted to a format 
compatible with iTunes App Store and Google Play, and 
distributed to the common user. The herein described 
method may help clinicians develop simple web-apps 
and thereby open the door for a mean of communica- 
tion, which only seems to increase in importance [1]. 
However, even with the involvement from clinicians, 
anything read on the Internet should be critically read, 
and can contain errors or be potentially dangerous even 
with relevantly involved clinicians. 

Availability and requirements 

Project name: Designing web-apps for smartphones can 

be easy as making slideshow presentations 
Project home page: None. 
Operating system(s): Platform independent 
Programming language: HTML, CSS, and JS 
Other requirements: A simple text-editing program, 

e.g. Notepad 

Any restrictions to use by non-academics: None 
(MIT License) 

Availability of supporting data 

The data sets supporting the results of this article are in- 
cluded within the article and its additional files. 

Additional files 



Additional file 1: Code-snip top. Description: Code-snip to be inserted 
at tite top of tile text-file. 

Additional file 2: Code-snip bottom. Description: Code snip to be 
inserted at tiie bottom of tine text-file. 

Additional file 3: Instructional video. Description: Instructional video 
on how to develop a simple web-app. 

Additional file 4: Example web-app. Description: Jhe example 
web-app developed in the instructional video. 
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